// src/utils/request.ts

import axios from 'axios'
import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios' // ✅ 注意：加了 `type`，是类型导入

import { ElMessage } from 'element-plus'

// 自定义返回数据格式类型
interface ApiResponse<T = any> {
  code: number
  message: string
  data: T
}

// 创建 Axios 实例
const service: AxiosInstance = axios.create({
  baseURL: import.meta.env.VITE_API_BASE || '/', // .env 中定义：VITE_API_BASE=/api
  timeout: 5000
})

// 请求拦截器（可选）
// service.interceptors.request.use(
//   (config: AxiosRequestConfig) => {
//     const token = localStorage.getItem('token')
//     if (token && config.headers) {
//       config.headers['Authorization'] = `Bearer ${token}`
//     }
//     return config
//   },
//   error => Promise.reject(error)
// )

// 响应拦截器
service.interceptors.response.use(
  (response: AxiosResponse<ApiResponse>) => {
    const res = response.data
    if (res.code !== 200) {
      ElMessage.error(res.message || '请求错误')
      return Promise.reject(new Error(res.message || 'Error'))
    }
    return res.data // 返回 data 字段
  },
  error => {
    ElMessage.error(error.message || '请求失败')
    return Promise.reject(error)
  }
)

export default service
